/* public */

$color: #FD474F;
$base-color: #999999;

.bg {
	background: $color;
}

.theme {
	color: $color;
}

.w-100 {
	width: 100%;
}

.h-100 {
	height: 100%;
}

.is-require {
	&::after {
		content: '*';
		display: inline-block;
		color: red;
		position: absolute;
		right: -20upx;
		top: 0upx;
	}
}

.pad-lr {
	padding: 0 30upx;
}
.pad-all {
	padding: 30upx;
}
.flex-ali {
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-center {
	display: flex;
	align-items: center;
}
uni-button:after {
	border: none !important;
}
.banner,.gridew-wrap {
	.u-border-bottom:after {
		border-width: 0!important;
	}
}

/*  -- flex弹性布局 -- */

.flex {
	display: flex;
}

.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}

.flex-sub {
	flex: 1;
}

.flex-twice {
	flex: 2;
}

.flex-treble {
	flex: 3;
}

.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}